<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>苏宁易购</title>
    <meta name="keywords" content="苏宁易购网上商城,苏宁电器,Suning,手机,电脑,冰箱,洗衣机,相机,数码,家居用品,鞋帽,化妆品,母婴用品,图书,食品,正品行货">
    <meta name="description"
        content="苏宁易购综合网上购物平台，商品涵盖家电、手机、电脑、超市、母婴、服装、百货、海外购等品类。送货更准时、价格更超值、上新货更快，正品行货、全国联保、可门店自提，全网更低价，让您放心去喜欢！">

    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/style.css">

    <script src="./js/index.js"></script>
</head>

<body>
    <!-- 头部 -->
    <header class="top_header">
        <a href="#" class="img-2">
            <img src="./images/fenlei.png" alt="">
        </a>
        <a href="#" class="img-1">
            <img src="./images/header.gif" alt="">
        </a>
        <a href="#" class="img-2">
            <img src="./images/login.png" alt="">
        </a>
    </header>
    <!-- 搜索栏 -->
    <div class="content">
        <a href="#">商品/店铺</a>
        <i></i>
    </div>
    <!-- banner -->
    <div class="slider">
        <img src="./images/slider_bg.png" alt="">
        <div class="slider_content">
            <ul class="clearfix">
                <li>
                    <a href="#"><img src="upload/slider_pro3.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="upload/slider_pro1.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="upload/slider_pro2.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="upload/slider_pro3.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="upload/slider_pro1.jpg" alt=""></a>
                </li>
            </ul>
            <ol>
                <li class="current"></li>
                <li></li>
                <li></li>
            </ol>
        </div>
    </div>
    <!-- 导航 -->
    <div class="nav clearfix">
        <ul>
            <li>
                <a href="#">
                    <img src="./images/nav_item1.webp" alt="">
                    <p>限时抢购</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./images/nav_item1.webp" alt="">
                    <p>限时抢购</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./images/nav_item1.webp" alt="">
                    <p>限时抢购</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./images/nav_item1.webp" alt="">
                    <p>限时抢购</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./images/nav_item1.webp" alt="">
                    <p>限时抢购</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./images/nav_item1.webp" alt="">
                    <p>限时抢购</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./images/nav_item1.webp" alt="">
                    <p>限时抢购</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./images/nav_item1.webp" alt="">
                    <p>限时抢购</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./images/nav_item1.webp" alt="">
                    <p>限时抢购</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="./images/nav_item1.webp" alt="">
                    <p>限时抢购</p>
                </a>
            </li>
        </ul>
    </div>
    <!--图片 -->
    <div class="img">
        <a href="#">
            <img src="./upload/15.gif" alt="">
        </a>
        <a href="#">
            <img src="./upload/16.gif" alt="">
        </a>
        <a href="#">
            <img src="./upload/17.gif" alt="">
        </a>
    </div>
    <div class="img1">
        <a href="#" class="a1">
            <img src="./upload/157164802290749135.png" alt="">
        </a>
        <a href="#" class="a2">
            <img src="./upload/157.gif" alt="">
        </a>
        <a href="#" class="a3">
            <img src="./upload/1571.gif" alt="">
        </a>
    </div>
    <!-- 限时抢购 -->
    <div class="xsqg">
        <div class="xsqg-l xsqg-c xsqg-x-r xsqg-x-x">
            <div class="xsqg-l-t">
                <div class="xsqg-xsqg">
                    <div class="xsqg-xsqg-l">限时抢购</div>
                    <div class="xsqg-xsqg-r">
                        <span>01</span>:
                        <span>21</span>:
                        <span>42</span>
                    </div>
                </div>
                <p>潮流好物限时抢</p>
            </div>
            <div class="xsqg-l-b">
                <div class="xsqg-img1">
                    <img src="./upload/100354353148539665picH_1.jpg" alt="">
                    <span>￥150</span>
                </div>
                <div class="xsqg-img2">
                    <img src="./upload/100354353148539665picH_1.jpg" alt="">
                    <span>￥150</span>
                </div>
            </div>
        </div>
        <div class="xsqg-c xsqg-r xsqg-x-x">
            <div class="xsqg-l-t">
                <div class="xsqg-xsqg">
                    <div class="xsqg-xsqg-l">大聚惠</div>
                </div>
                <p>聚惠品牌爆款</p>
            </div>
            <div class="xsqg-l-b">
                <div class="xsqg-img1">
                    <img src="./upload/100354353148539665picH_1.jpg" alt="">
                    <span class="sbg">良品铺子</span>
                </div>
                <div class="xsqg-img2">
                    <img src="./upload/100354353148539665picH_1.jpg" alt="">
                    <span class="sbg">良品铺子</span>
                </div>
            </div>
        </div>
    </div>
    <!-- 苏宁国际 -->
    <div class="xsqg">
        <div class="xsqg-c xsqg-x-x xsqg-x-r">
            <div class="xsqg-l-t">
                <div class="xsqg-xsqg">
                    <div class="xsqg-xsqg-l">苏宁国际</div>
                </div>
                <p>聚惠品牌爆款</p>
            </div>
            <div class="xsqg-l-b">
                <div class="xsqg-img1">
                    <img src="./upload/100354353148539665picH_1.jpg" alt="">
                    <span class="sbg">良品铺子</span>
                </div>
                <div class="xsqg-img2">
                    <img src="./upload/100354353148539665picH_1.jpg" alt="">
                    <span class="sbg">良品铺子</span>
                </div>
            </div>
        </div>
        <div class="xsqg-c xsqg-x-x">
            <div class="xsqg-l-t">
                <div class="xsqg-xsqg">
                    <div class="xsqg-xsqg-l">苏宁拼购</div>
                </div>
                <p>聚惠品牌爆款</p>
            </div>
            <div class="xsqg-l-b">
                <div class="xsqg-img1">
                    <img src="./upload/100354353148539665picH_1.jpg" alt="">
                    <span class="sbg">良品铺子</span>
                </div>
                <div class="xsqg-img2">
                    <img src="./upload/100354353148539665picH_1.jpg" alt="">
                    <span class="sbg">良品铺子</span>
                </div>
            </div>
        </div>
    </div>
    <!-- 为你推荐 -->
    <div class="wntj">
        <div class="wntj-wntj">
            <p class="p1">为你推荐</p>
            <p class="p2">精选频道</p>
        </div>
        <a href="#">
            <img src="./upload/wntj.webp" alt="">
            <p>新品首发</p>
        </a>
        <a href="#">
            <img src="./upload/wntj.webp" alt="">
            <p>新品首发</p>
        </a>
        <a href="#">
            <img src="./upload/wntj.webp" alt="">
            <p>新品首发</p>
        </a>
        <a href="#">
            <img src="./upload/wntj.webp" alt="">
            <p>新品首发</p>
        </a>
    </div>
    <!-- 苏宁头条 -->
    <div class="sntt">
        <img src="./images/tt.png" alt="">
        <div>
            <i>热门</i>
            <span>双十一别挑花眼，省钱搭配都在这里了！</span>
        </div>
    </div>
    <!-- 双十一 图片 -->
    <div class="ssy">
        <img src="./images/11jm.gif" alt="">
        <img src="./upload/000000.jpg" alt="" class="ssyimg">
    </div>
    <div class="sssy">
        <img src="./upload/999.webp" alt="">
        <img src="./upload/888.webp" alt="">
        <img src="./upload/777.webp" alt="">
    </div>
    <!-- 商品栏 -->
    <div class="spl clearfix">
        <ul class="clearfix">
            <li class="li-1">
                <img src="./upload/li.webp" alt="">
                <p>空调5折抢</p>
                <span>套购省1300</span>
            </li>
            <li class="li-2">
                <img src="./upload/li.webp" alt="">
                <p>空调5折抢</p>
                <span>套购省1300</span>
            </li>
            <li class="li-3">
                <img src="./upload/li.webp" alt="">
                <p>空调5折抢</p>
                <span>套购省1300</span>
            </li>
            <li class="li-4">
                <img src="./upload/li.webp" alt="">
                <p>空调5折抢</p>
                <span>套购省1300</span>
            </li>
            <li class="li-5">
                <img src="./upload/li.webp" alt="">
                <p>空调5折抢</p>
                <span>套购省1300</span>
            </li>
            <li class="li-6">
                <img src="./upload/li.webp" alt="">
                <p>空调5折抢</p>
                <span>套购省1300</span>
            </li>
            <li class="li-7">
                <img src="./upload/li.webp" alt="">
                <p>空调5折抢</p>
                <span>套购省1300</span>
            </li>
            <li class="li-8">
                <img src="./upload/li.webp" alt="">
                <p>空调5折抢</p>
                <span>套购省1300</span>
            </li>
        </ul>
        <div class="yct clearfix">
            <img src="./upload/yct.png" alt="">
        </div>
    </div>
    <!-- 推荐榜单 -->
    <div class="tjbd">
        <div class="tjbd-img">
            <img src="./images/tjbd.png" alt="">
        </div>
        <!-- 内容 -->
        <div class="tjbd-bd">
            <!-- 人气榜 -->
            <div class="rqb">
                <div class="rqb-box">
                    <img src="./upload/rqb1.webp" alt="" class="img1">
                    <img src="./upload/rqb2.png" alt="" class="img2">
                    <span class="spanc">人气榜</span>
                    <p class="p1">学习娱乐乐器榜</p>
                    <p class="p2">今日热销爆款</p>
                </div>
                <div class="rqb-box-2">
                    <div class="rqb-box">
                        <img src="./upload/rqb1.webp" alt="" class="img1">
                        <img src="./upload/2323.png" alt="" class="img2">
                        <span>人气榜</span>
                        <p class="p1">学习娱乐乐器榜</p>
                        <p class="p2">今日热销爆款</p>
                    </div>
                </div>
                <div class="rqb-box">
                    <div class="rqb-box">
                        <img src="./upload/rqb1.webp" alt="" class="img1">
                        <img src="./upload/rqb2.png" alt="" class="img2">
                        <span class="spanc">人气榜</span>
                        <p class="p1">学习娱乐乐器榜</p>
                        <p class="p2">今日热销爆款</p>
                    </div>
                </div>
            </div>
            <!-- 畅销榜 -->
            <div class="xsqg">
                <div class="xsqg-l xsqg-c xsqg-x-r xsqg-x-x">
                    <div class="xsqg-l-t">
                        <div class="xsqg-xsqg">
                            <div class="xsqg-xsqg-l cxb">零食蛋糕榜</div>
                            <span class="spanc">人气榜</span>
                        </div>
                        <p>潮流好物限时抢</p>
                    </div>
                    <div class="xsqg-l-b">
                        <div class="xsqg-img1">
                            <img src="./upload/100354353148539665picH_1.jpg" alt="">
                            <span>￥150</span>
                        </div>
                        <div class="xsqg-img2">
                            <img src="./upload/100354353148539665picH_1.jpg" alt="">
                            <span>￥150</span>
                        </div>
                    </div>
                </div>
                <div class="xsqg-c xsqg-r xsqg-x-x">
                    <div class="xsqg-l-t">
                        <div class="xsqg-xsqg">
                            <div class="xsqg-xsqg-l cxb">零食蛋糕榜</div>
                            <span class="spanc">人气榜</span>
                        </div>
                        <p>聚惠品牌爆款</p>
                    </div>
                    <div class="xsqg-l-b">
                        <div class="xsqg-img1">
                            <img src="./upload/100354353148539665picH_1.jpg" alt="">
                            <span class="sbg">良品铺子</span>
                        </div>
                        <div class="xsqg-img2">
                            <img src="./upload/100354353148539665picH_1.jpg" alt="">
                            <span class="sbg">良品铺子</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="xsqg">
                <div class=" xsqg-c xsqg-x-r xsqg-x-x btl">
                    <div class="xsqg-l-t">
                        <div class="xsqg-xsqg">
                            <div class="xsqg-xsqg-l cxb">零食畅销榜</div>
                            <span class="spanc">人气榜</span>
                        </div>
                        <p>潮流好物限时抢</p>
                    </div>
                    <div class="xsqg-l-b">
                        <div class="xsqg-img1">
                            <img src="./upload/100354353148539665picH_1.jpg" alt="">
                            <span>￥150</span>
                        </div>
                        <div class="xsqg-img2">
                            <img src="./upload/100354353148539665picH_1.jpg" alt="">
                            <span>￥150</span>
                        </div>
                    </div>
                </div>
                <div class="xsqg-c  xsqg-x-x btr">
                    <div class="xsqg-l-t">
                        <div class="xsqg-xsqg">
                            <div class="xsqg-xsqg-l cxb">零食畅销榜</div>
                            <span class="spanc">人气榜</span>
                        </div>
                        <p>聚惠品牌爆款</p>
                    </div>
                    <div class="xsqg-l-b">
                        <div class="xsqg-img1">
                            <img src="./upload/100354353148539665picH_1.jpg" alt="">
                            <span class="sbg">良品铺子</span>
                        </div>
                        <div class="xsqg-img2">
                            <img src="./upload/100354353148539665picH_1.jpg" alt="">
                            <span class="sbg">良品铺子</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ---- -->
    <div class="kkk"></div>
    <!-- 猜你喜欢 -->
    <div class="cnxh clearfix">
        <div class="cnxh-img clearfix">
            <img src="./images/cnxh.webp" alt="">
        </div>
        <div class="sp">
            <img src="./upload/cnxh1111.webp" alt="">
            <p>农夫山泉天然饮用水5L*4 整箱装</p>
            <p>
                <span class="sp-s">自营</span>
                <span class="sp-ss">大聚惠</span>
                <span class="sp-ss">赠</span>
            </p>
            <div>
                <span>￥5199</span>
                <span>6100+评价</span>

            </div>
        </div>
        <div class="sp">
            <img src="./upload/cnxh1111.webp" alt="">
            <p>农夫山泉天然饮用水5L*4 整箱装</p>
            <p>
                <span class="sp-s">自营</span>
                <span class="sp-ss">大聚惠</span>
                <span class="sp-ss">赠</span>
            </p>
            <div>
                <span>￥5199</span>
                <span>6100+评价</span>

            </div>
        </div>
        <div class="sp">
            <img src="./upload/cnxh1111.webp" alt="">
            <p>农夫山泉天然饮用水5L*4 整箱装</p>
            <p>
                <span class="sp-s">自营</span>
                <span class="sp-ss">大聚惠</span>
                <span class="sp-ss">赠</span>
            </p>
            <div>
                <span>￥5199</span>
                <span>6100+评价</span>

            </div>
        </div>
        <div class="sp">
            <img src="./upload/cnxh1111.webp" alt="">
            <p>农夫山泉天然饮用水5L*4 整箱装</p>
            <p>
                <span class="sp-s">自营</span>
                <span class="sp-ss">大聚惠</span>
                <span class="sp-ss">赠</span>
            </p>
            <div>
                <span>￥5199</span>
                <span>6100+评价</span>

            </div>
        </div>
    </div>
</body>

</html>